:root {
    /* 全局基础样式配置 */
    --primary-color: #f8f9fa; /* A4纸张背景色（浅灰） */
    --text-color: #2c3e50;   /* 主文字颜色（深灰） */
    --font-family: 'Arial', sans-serif; /* 字体配置（中文字体需在HTML中单独设置） */
    --page-width: 210mm;    /* A4纸宽度 */
    --page-height: 297mm;   /* A4纸高度 */
}

/* 整体容器样式 */
body {
   font-family: var(--font-family); /* 使用全局字体 */
   line-height: 1.4; /* 行间距（提升阅读流畅度） */
   min-width: var(--page-width); /* 最小宽度限制（防止内容被缩放挤压） */
   max-width: var(--page-height); /* 最大宽度限制（防止横向溢出） */
   color: var(--text-color); /* 全局文字颜色 */
   background-color: var(--primary-color); /* 整体背景色（与纸张一致） */
   width: 100%; /* 宽度占满容器 */
   height: 100vh; /* 高度占满视口 */
   display: flex; /* 弹性布局容器（关键居中手段） */
   margin: 0px auto;  /* html打开后位于屏幕中间 */
   background-color: #fff;  /* 设置白色背景 */
}

.container {
    display: flex; /* 使用flex弹性布局 */
    max-width: 100  px; /* 保证打印清晰度的最大宽度（约24磅字号可清晰显示） */
    /* 重要内容容器，控制整体内容区域 */
}

/* 左侧部分样式 */
.left-section {
   width: 40%;  /* 左侧占整体30%宽度 */
   background: linear-gradient(145deg, #f8d7c7, #f5c1aa);  /* 设置渐变背景色 */
   padding: 40px 25px;  /* 增加内边距提升可读性 */
   display: flex;
   flex-direction: column;  /* 垂直排列子元素 */
   position: relative;  /* 为绝对定位子元素提供参考 */
}

/* 右侧部分样式 */
.right-section {
   width: 70%;  /* 右侧占整体70%宽度 */
   padding: 40px 35px;  /* 内边距 */
   background-color: #fff;  /* 设置白色背景 */
}  /* 参考：[2,8](@ref) */


.profile-pic {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;     /* 垂直居中（可选） */
}
/* 头像样式 */
.profile-pic img {
   width: 160px;
   height: 160px;
   object-fit: cover;  /* 保持图片比例并覆盖整个容器 */
   border-radius: 70%;  /* 将图片转为圆形 */
   margin-bottom: 15px;  /* 添加间距 */
   border: 4px solid rgba(255, 255, 255, 0.8);  /* 添加半透明白色边框 */
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);  /* 添加微妙阴影效果 */
   margin-bottom: 15px;
}

h1 {
    text-align: center; /* 标题居中对齐（解决用户提出的居中问题） */
    color: var(--text-color); /* 使用全局文字颜色（保持一致性） */
    margin-bottom: 10px; /* 标题与正文间距（符合视觉呼吸感） */
    text-align: center;  /* 文本居中对齐 */
    font-size: 24pt; /* 主标题字号（24磅，印刷体标准） */
    /* 顶部个人信息区标题样式 */
}

h2 {
    color: var(--text-color); /* 使用全局文字颜色（保持一致性） */
    border-bottom: 3px solid rgba(211, 158, 131, 0.5);  /* 添加下划线 */
    padding-bottom: 5px; /* 下划线与文字间距（避免粘连） */
    margin-top:0px; /* 段落间垂直间距（控制信息密度） */
    font-size: 17pt; /* 主标题字号（24磅，印刷体标准） */
}
h3 ~ li {
    margin-top: -6px; /* 根据需要调整数值 */
}
h3 {
    color: var(--text-color); /* 使用全局文字颜色（保持一致性） */
    margin-top:-1mm; /* 段落间垂直间距（控制信息密度） */
    font-size: 13pt; /* 主标题字号（24磅，印刷体标准） */
    text-indent: 0em; /* 首行缩进2个字符宽度 */
}

li {
    color: var(--text-color); /* 使用全局文字颜色（保持一致性） */
    margin-top:-1mm; /* 段落间垂直间距（控制信息密度） */
    font-size: 13pt; /* 主标题字号（24磅，印刷体标准） */
    list-style: none;  /* 移除默认列表样式 */
    margin-bottom: 5px; /* 项目间间距 */
    text-indent: 2em; /* 首行缩进2个字符宽度 */

 }
.li {
    text-indent: 2em; /* 首行缩进2个字符宽度 */
}

a {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal; /* 确保内容可以正常换行 */
}

.p {
    text-indent: 2em; /* 首行缩进2个字符宽度 */
 }
/* 基本信息和个人信息区域 */
.basic-info {
   width: 100%;  /* 占据左侧全部宽度 */
   margin-bottom: 30px;  /* 添加间距 */
   padding: 0 5px;  /* 内边距 */
}
/* 岗位 */
.job-title {
   font-size: 1.2em;  /* 稍小字体 */
   color: #34495e;  /* 使用稍浅的深灰色 */
   margin-bottom: 25px;  /* 添加间距 */
   text-align: center;  /* 文本居中对齐 */
   font-weight: 500;  /* 中等加粗 */
   letter-spacing: 0.5px;  /* 微调字间距 */
}

/* 打印样式增强方案 */
@media print {
/* 强制使用A4纵向页面 */
   @page {
       size: A4 portrait;
       margin:  0 !important; /* 保证能够让简历填充A4大小*/
   }
  /* 强制精确颜色输出（关键设置） */
  * {
    color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }

  /* 禁用浏览器默认字体替换 */
  body, h1, h2, h3, p, li {
    font-family: 'Arial', '黑体', sans-serif !important;
    line-height: 1.4; /* 行间距（提升阅读流畅度） */
  }

  /* 字号单位统一为pt（印刷标准单位） */
  h1 { font-size: 24pt !important; }
  h2 { font-size: 17pt !important; }
  h3 { font-size: 13pt !important; }
  p, li { font-size: 11pt !important; }

  /* 精确尺寸控制（毫米单位适配A4纸） */
  .container { width: 210mm !important; }
  .left-section { width: 63mm !important; }  /* 40% of 210mm */
  .right-section { width: 147mm !important; } /* 70% of 210mm */

  /* 图片精确显示配置 */
  .profile-pic img {
    width: 42mm !important;  /* 160px ≈ 42mm (精确计算：160/3.779≈42.3mm) */
    height: 42mm !important;
    border-radius: 50% !important;
  }

  /* 严格边距控制（防止打印缩放） */
  body { margin: 0 !important; padding: 0mm !important; }
  .container { margin: 0 auto !important; }

  /* 隐藏非打印元素 */
  .page-break { display: none !important; }
  .no-print { display: none !important; }

  /* 强制分页控制（重要内容后强制换页） */
  .section-break {

    height: 1px !important;
    margin: 0 !important;
    border-bottom: 1px solid #eee !important;
    page-break-after: always !important;
  }
}

/* HTML中需要添加的打印控制类 */
<div class="no-print">
  <button onclick="window.print()">打印简历</button>
</div>

<div class="section-break"></div>